<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="format-detection" content="telephone=no">
        <meta name="keywords" content="天一顺为,qinmatrix,天一顺为科技,天一顺为科技股份有限公司,天一"/>
        <meta name="description" content="天一顺为科技股份有限公司Qinmatrix（简称“天一顺为”）是一家专注于新能源汽车核心总成收购、能源互联网核心基础设施收购及经营的企业，在该领域具有深刻的理解、强大的开发能力，拥有畅通的融资渠道、丰富的实业运营及投资管理经验。"/>
        <title>天一顺为-关于我们</title>
        <link rel="stylesheet" type="text/css" href="css/main.css"/>
    </head>
    <body class="about">
        <header>
            <img src="./img/logo.png"/>
            <div class="menu">
                <a href="index.html"><span></span><i>首页</i></a>
                <div></div>
                <a href="about.html" class="selected"><span></span><i>关于</i></a>
                <div></div>
                <a href="contact.html"><span></span><i>联系</i></a>
            </div>
        </header>
        <div class="aboutus">
            <img src="./img/title-about.png" class="title"/>
            <ul>
                <li>
                    <div class="left mask">
                        <img class="video" src='./video/1s.gif'/>
                        <img class="start" src='./img/play-btn.png'/>
                        <span>查看演示</span>
                    </div>
                    <div class="right">
                        <span class="top">新能源汽车核心总成</span>
                        <hr/>
                        <span class="bottom">智能化、自动化、互联网化是汽车的未来，<br/>我们认可并将引进这样的技术趋势</span>
                        <div index="1" class="animat_icon animat_icon1">
                            <img src="./img/common-shadow.png"/>
                            <img src="./img/1-selected-rotate.png"/>
                            <img src="./img/1-normal-1.png"/>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="left mask">
                        <img class="video" src='./video/2s.gif'/>
                        <img class="start" src='./img/play-btn.png'/>
                        <span>查看演示</span>
                    </div>
                    <div class="right">
                        <span class="top">微网</span>
                        <hr/>
                        <span class="bottom">
                            在线汽车时代已来临，<br/>
                            我们致力于创造更美好、更便捷的明天
                        </span>
                        <div index="2" class="animat_icon animat_icon2">
                            <img src="./img/common-shadow.png"/>
                            <img src="./img/2-selected-rotate.png"/>
                            <img src="./img/2-normal-1.png"/>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="left mask">
                        <img class="video" src='./video/3s.gif'/>
                        <img class="start" src='./img/play-btn.png'/>
                        <span>查看演示</span>
                    </div>
                    <div class="right">
                        <span class="top">能源互联网</span>
                        <hr/>
                        <span class="bottom">
                            我们致力于研究能源互联网，<br/>
                            提高能源的转换和使用效率
                        </span>
                        <div index="3" class="animat_icon animat_icon3">
                            <img src="./img/common-shadow.png"/>
                            <img src="./img/3-selected-rotate.png"/>
                            <img src="./img/3-normal-1.png"/>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="doing">
            <img src="./img/title-duty.png" class="title"/>
            <div class="bottom">
                <div class="item left">
                    <div><i></i><span>新能源核心总成的投资与收购</span></div>
                    <ul class="pics">
                        <li>
                            <img src="./img/control.png"/>
                            <span>控制总成</span>
                        </li>
                        <li>
                            <img src="./img/smart.png"/>
                            <span>智能总成</span>
                        </li>
                        <li>
                            <img src="./img/security.png"/>
                            <span>安全总成</span>
                        </li>
                    </ul>
                </div>
                <div class="item right">
                    <div><i></i><span>能源互联网基础设施的投资与收购</span></div>
                    <ul class="pics">
                        <li>
                            <img src="./img/foundation.png"/>
                            <span>基础设施</span>
                        </li>
                        <li>
                            <img src="./img/operation.png"/>
                            <span>操作系统</span>
                        </li>
                        <li>
                            <img src="./img/platform.png"/>
                            <span>交易平台</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="footer">
            <span class="left">天一顺为科技股份有限公司</span>
            <span class="right">©2017 qinmatrix.com版权所有 浙ICP备17005257号-1</span>
        </div>
        <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
        <script src="js/biz.js"></script>
        <script>
            $(".aboutus .left").click(function(){
                var isStart = $(this).find(".start").is(":hidden");
                if(isStart){
                    //停止播放
                    $(this).find(".video,.start,span").removeAttr("style");
                }else{
                    //开始播放
                    $(this).find(".video").show();
                    $(this).find(".start,span").hide();
                }
            });
        </script>
        <script>
            var _hmt = _hmt || [];
            (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?bf61e2ad2316e8b612ea7916aaaad60e";
            var s = document.getElementsByTagName("script")[0]; 
            s.parentNode.insertBefore(hm, s);
            })();
        </script>
    </body>
</html>